<div class="control-group">
  <label for="address">Related control for Postal address</label>
  <input id="address" name="address" type="text" placeholder="Element's ID. Ex: #address" value="{$address|default:'#address'}" />
</div>
<div class="control-group">
  <label for="city">Related control for Postal city</label>
  <input id="city" name="city" type="text" placeholder="Element's ID. Ex: #city" value="{$city|default:'#city'}" />
</div>
<div class="control-group">
  <label for="state">Related control for Postal state</label>
  <input id="state" name="state" type="text" placeholder="Element's ID. Ex: #state" value="{$state|default:'#state'}" />
</div>
<div class="control-group">
  <label for="country">Related control for Postal country</label>
  <input id="country" name="country" type="text" placeholder="Element's ID. Ex: #country" value="{$country|default:'#country'}" />
</div>

<div class="control-group">
  <label for="binding">Related control for Postal binding</label>
  <input id="binding" name="binding" type="text" placeholder="Element's ID. Ex: #binding" value="{$binding|default:'#binding'}" />
</div>
<div class="control-group">
  <label for="latHidden">Related control for Postal latHidden</label>
  <input id="latHidden" name="latHidden" type="text" placeholder="Element's ID. Ex: #latHidden" value="{$latHidden|default:'#latHidden'}" />
</div>
<div class="control-group">
  <label for="lngHidden">Related control for Postal lngHidden</label>
  <input id="lngHidden" name="lngHidden" type="text" placeholder="Element's ID. Ex: #lngHidden" value="{$lngHidden|default:'#lngHidden'}" />
</div>

<div class="control-group">
  <label for="width">Width</label>
  <input id="width" name="width" type="text" placeholder="number in pixels" value="{$width|default:'400'}" />
</div>

<div class="control-group">
  <label for="height">height</label>
  <input id="height" name="height" type="text" placeholder="number in pixels" value="{$height|default:'400'}" />
</div>

<div class="control-group">
  <label for="lat">Latitude</label>
  <input id="lat" name="lat" type="text" placeholder="valid Latitude" value="{$lat|default:'0'}" />
</div>

<div class="control-group">
  <label for="lng">Longitude</label>
  <input id="lng" name="lng" type="text" placeholder="valid Longitude" value="{$lng|default:'0'}" />
</div>

<div class="control-group">
  <label for="zoom">Zoom</label>
  <input id="zoom" name="zoom" type="text" placeholder="number (1=world ; 20=street)" value="{$zoom|default:'15'}" />
</div>

<div class="control-group">
  <label for="maptype">MapType</label>
  <select name="maptype" id="maptype">
  	<option value="roadmap" {if isset($maptype) && ($maptype === 'roadmap')}selected="selected"{/if}>Roadmap</option>
  	<option value="satellite" {if isset($maptype) && ($maptype === 'satellite')}selected="selected"{/if}>Satellite</option>
  	<option value="hybrid" {if isset($maptype) && ($maptype === 'hybrid')}selected="selected"{/if}>Hybrid</option>
  	<option value="terrain" {if isset($maptype) && ($maptype === 'terrain')}selected="selected"{/if}>Terrain</option>
  </select>
</div>

<div class="control-group">
  <label for="free">Be Free! add your own attributes</label>
  <input id="free" name="free" type="text" placeholder="" value="{$free|default:''}" />
</div>
